<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个性化编排</title>
    <style>
        table{
            width: 300px;
            height: 180px;
            border-color: gray;
            padding: 0px;
            background-image: url(../all_pic/用户登录/bg2.jpg);
        }  
        td{
            text-align: center;
            font-size: 14px;
            width: 100px;
        }
        img{
            margin-left: 0px;
            float: left;
        }
        #s{
            width: 170px;
        }
        p{
            background-color: white;
            width: 150px;
            height: 30px;
            margin-left: 10px;
            margin-right: 10px;
        }
        input{
            width: 100px;
            height: 30px;
            background-color: yellow;
            color: red;
        }    
        input{
            background-color: white;
            height: 30px;
            border: 0px;
        }
    </style>
</head>

<body>
    <div class="bigBox">
        <table cellspacing="0">
            <tr>
                <th colspan="3">用户登录？</th>
                
            </tr>
            <tr>
                <td class="typer1">用户名：</td>
                <td colspan="2" id="s"><p><img src="../all_pic/用户登录/head.png" alt=""><input type="text" name="" id=""></p></td>
                
            </tr>
            <tr>
                <td class="typer1">密码：</td>
                <td colspan="2" id="s"><p><img src="../all_pic/用户登录/keyboard.png" alt=""><input type="text"></p></td>
               
            </tr>
            <tr>
                <td colspan="3"><input type="button" value="马上注册？"></td>
            </tr>
        </table>
    </div>
</body>

</html>